<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>找房无忧首页</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/gongGong.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <header>
        <div class="header-left">
            <a href="./index.html">
                <img src="./img/index/logo.jpg">
            </a>
        </div>
        <div class="header-right">
            <a href="./my.html">
                <img src="./img/index/my.jpg">
            </a>
            <a href="#">
                <img src="./img/index/xiazai.jpg">
            </a>
        </div>
    </header>
    <div class="datu">
        <img src="./img/index/banner.png">
        <input type="text" placeholder="输入小区或商圈名开始找房咯！">
    </div>
    <nav>
        <div>
            <a href="./secondHand.html">
                <img src="./img/index/index_03.png">
                <p>二手房</p>
            </a>
        </div>
        <div>
            <a href="./secondHand.html">
                <img src="./img/index/index_05.png">
                <p>新房</p>
            </a>
        </div>
        <div>
            <a href="./renting.html">
                <img src="./img/index/index_07.png">
                <p>租房</p>
            </a>
        </div>
        <div>
            <a href="./renting.html">
                <img src="./img/index/index_09.png">
                <p>卖房</p>
            </a>
        </div>
    </nav>
    <div class="datu2">
        <img src="./img/index/banner2.png">
    </div>
    <section>
        <h2>
            热门房源
            <br><span>Hot house</span>
        </h2>
        <ul class="ul1">
            <li>
                <div class="section-left">
                    <img src="./img/index/img1.jpg">
                </div>
                <div class="section-right">
                    <h3 class="pp1">文化部中间层一层带...</h3>
                    <p class="pp2">2室1厅96㎡南北<span>1105万</span></p>
                    <p class="pp3">红庙北里<span>14268元/平</span></p>
                    <p class="pp4">
                        <a href="#">学区房</a>
                        <a href="#">独家</a>
                    </p>
                </div>
            </li>
            <li>
                <div class="section-left">
                    <img src="./img/index/img2.png">
                </div>
                <div class="section-right">
                    <h3 class="pp1">光大水墨 精装复式...</h3>
                    <p class="pp2">2室1厅96㎡南北<span>280万</span></p>
                    <p class="pp3">光大水墨<span>14268元/平</span></p>
                    <p class="pp4">
                        <a href="#">学区房</a>
                        <a href="#">独家</a>
                        <a href="#">满五唯一</a>
                    </p>
                </div>
            </li>
            <li>
                <div class="section-left">
                    <img src="./img/index/img3.png">
                </div>
                <div class="section-right">
                    <h3 class="pp1">南北通透两居 精装修...</h3>
                    <p class="pp2">2室1厅96㎡南北<span>320万</span></p>
                    <p class="pp3">北京新天地<span>14268元/平</span></p>
                    <p class="pp4">
                        <a href="#">地铁房</a>
                        <a href="#">独家</a>
                    </p>
                </div>
            </li>
        </ul>
        <div class="section-bottom">
            <ul class="ul2">
                <li class="huang">热门关注</li>
                <li>友情链接</li>
            </ul>
            <ul class="ul3 ul4">
                <li>北京二手房</li>
                <li>北京二手房价</li>
                <li>海淀日租房</li>
                <li>朝阳新房</li>
            </ul>
            <ul class="ul3 ul4">
                <li>北京二手房</li>
                <li>北京二手房价</li>
                <li>海淀日租房</li>
                <li>朝阳新房</li>
            </ul>
            <ul class="ul3 ul5">
                <li>北京找房无忧</li>
                <li>青年家园</li>
                <li>免税房源</li>
                <li>满五年唯—免税</li>
            </ul>
            <ul class="ul3 ul5">
                <li>北京找房无忧</li>
                <li>青年家园</li>
                <li>免税房源</li>
                <li>满五年唯—免税</li>
            </ul>
        </div>
    </section>
    <div class="clear"></div>
    <footer>
        <h2>北京找房无忧 > 首页</h2>
        <ul>
            <li>
                <div class="zuo">
                    <img src="./img/index/apple.png">
                </div>
                <div class="you">
                    <p>iPhone</p>
                    <p>客户端</p>
                </div>
            </li>
            <li>
                <div class="zuo">
                    <img src="./img/index/android.png">
                </div>
                <div class="you">
                    <p>Android</p>
                    <p>客户端</p>
                </div>
            </li>
        </ul>
        <p>北京找房无忧房地产经纪公司</p>
        <p>网络经营许可证京ICP备20160812号</p>
    </footer>
    <aside>
        <img src="./img/index/close.png">
        <div class="left">
            <img src="./img/index/download.png">
            <p class="pp1">找房无忧</p>
            <p class="pp2">市场行情，一手掌握！</p>
        </div>
        <div class="right">
            <a href="#">免费下载</a>
        </div>
    </aside>
</body>
<script src="./js/jquery-2.2.4.js"></script>
<script src="./js/shua.js"></script>
<script src="./js/touch.min.js"></script>
<script src="./js/index.js"></script>

</html>